<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jstl/core_rt" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt" %>
<c:set var="path" value="${pageContext.request.contextPath }" />
<%@ taglib tagdir="/WEB-INF/tags" prefix="matrix"%>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="renderer" content="webkit">
    <meta http-equiv="Cache-Control" content="no-siteapp">
     <meta name="keywords" content="${keyword}"  >
    <meta name="description" content="${description }" />
    <title>服务-湖南卓景京信息技术有限公司</title>
    <!--[if lt IE 8]>
    <meta http-equiv="refresh" content="0;ie.html" />
    <![endif]-->
    <link href="${path }/resource/plugin/bootstrap-3.3.5/css/bootstrap.min.css" rel="stylesheet" type="text/css">
    <link href="${path }/resource/plugin/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
    <link href="${path }/resource/css/visitor/base.css" rel="stylesheet" type="text/css">
    <link href="${path }/resource/css/visitor/service.css" rel="stylesheet" type="text/css">
    <link rel="shortcut icon" href="${path }/resource/images/favicon.ico">
</head>
<body class="">

<jsp:include page="_top.jsp"></jsp:include>
<div class="w">
    <div class="service-item1">
        <div class="container inner">
            <div class="service-item-info col-md-7 col-xs-7">
                <h3>${hy.adTitle }</h3>
                <p>${hy.adInfo1 }</p>
                <a href="${hy.adUrl }">产品案例&gt;&gt;</a>
            </div>
            <div class="service-item-pic col-md-5 col-xs-5">
                <img src="${hy.adImg }" alt="">
            </div>
        </div>
    </div>
    <div class="service-item2">
        <div class="container inner">
            <div class="service-item-info col-md-7 col-xs-7">
                <h3>${hlw.adTitle }</h3>
                <p>${hlw.adInfo1 }</p>
                <a href="${hlw.adUrl }">产品案例&gt;&gt;</a>
            </div>
            <div class="service-item-pic col-md-5 col-xs-5">
                <img src="${hlw.adImg }" alt="">
            </div>
        </div>
    </div>
    <div class="service-item1">
        <div class="container inner">
            <div class="service-item-info col-md-7 col-xs-7">
                <h3>${ar.adTitle }</h3>
                <p>${ar.adInfo1 }</p>
                <a href="${yx.adUrl }">产品案例&gt;&gt;</a>
            </div>
            <div class="service-item-pic col-md-5 col-xs-5">
                <img src="${ar.adImg }" alt="">
            </div>
        </div>
    </div>
    <div class="service-item2">
        <div class="container inner">
            <div class="service-item-info col-md-7 col-xs-7">
                <h3>${yx.adTitle }</h3>
                <p>${yx.adInfo1 }</p>
                <a href="${yx.adUrl }">产品案例&gt;&gt;</a>
            </div>
            <div class="service-item-pic col-md-5 col-xs-5">
                <img src="${yx.adImg }" alt="">
            </div>
        </div>
    </div>
</div>


<jsp:include page="_foot.jsp"></jsp:include>
<script type="text/javascript" src="${path }/resource/js/plugin/jquery-2.1.4.min.js"></script>
<script type="text/javascript" src="${path }/resource/plugin/bootstrap-3.3.5/js/bootstrap.min.js"></script>
<script type="text/javascript" src="${path }/resource/js/systools/AjaxProxy.js"></script>
<script type="text/javascript" src="${path }/resource/js/systools/MTools.js"></script>
<script type="text/javascript" src="${path }/resource/js/plugin/carousel.js"></script>
<script>
    $(function(){
    	console.log($(".product-img").eq(0).html());
       $(".product-img").eq(0).fadeIn();
       
       $(".product-cases li").click(function(){
    	   var id= $(this).attr("id");
    	   $(".product-img").hide(); 
    	   $(".product-img").eq(id).fadeIn();
       });
       
    });
</script>
</body>
</html>